<template>
  <div class="page flex-col">
    <div class="layer1 flex-col">
      <div class="layer2 flex-col">
        <div class="bd1 flex-col">
          <div class="bd2 flex-col">
            <span class="txt1">国华成人及儿童长期医疗保险</span>
            <div class="group1 flex-col">
              <div class="wrap1 flex-col">
                <div class="section1 flex-col">
                  <span class="txt2">险种信息</span>
                </div>
                <div class="section2 flex-col">
                  <div
                    class="box1-0 flex-col"
                    v-for="(item, index) in loopData0"
                    :key="index"
                  >
                    <div class="wrap2-0 flex-row">
                      <span class="word1-0" v-html="item.lanhutext0"></span>
                      <span
                        class="word2-0"
                        :style="{ color: item.lanhufontColor1 }"
                        v-html="item.lanhutext1"
                      ></span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="bd3 flex-col">
          <div class="box2 flex-col">
            <div class="box3 flex-col">
              <div class="group2 flex-row">
                <img
                  class="label1"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng12196eb170a78d58e11763a7f5af6eb18910ecd99b9608fc6df27fd4bfefabe3"
                />
                <span class="word3">投保人信息</span>
              </div>
            </div>
            <div class="box4 flex-col">
              <div
                class="layer3-0 flex-col"
                :style="{ background: item.lanhuBg0 }"
                v-for="(item, index) in loopData1"
                :key="index"
              >
                <div class="group3-0 flex-row">
                  <span class="txt3-0" v-html="item.lanhutext0"></span>
                  <span class="word4-0" v-html="item.lanhutext1"></span>
                </div>
              </div>
            </div>
            <div class="box5 flex-col">
              <div class="main1 flex-row">
                <span class="word5">联系地址</span>
                <span class="txt4">
                  上海市浦东新区金海路1000号金领之都25号楼国华人寿5楼
                </span>
              </div>
            </div>
          </div>
        </div>
        <div class="bd4 flex-col">
          <div class="layer4 flex-col">
            <div class="box6 flex-col">
              <div class="bd5 flex-row">
                <img
                  class="icon1"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng12196eb170a78d58e11763a7f5af6eb18910ecd99b9608fc6df27fd4bfefabe3"
                />
                <span class="info1">被保人信息</span>
              </div>
            </div>
            <div class="box7 flex-col">
              <div class="section3 flex-row">
                <span class="info2">与投保人关系</span>
                <span class="word6">本人</span>
              </div>
            </div>
          </div>
        </div>
        <div class="bd6 flex-col">
          <div class="outer1 flex-col">
            <div class="bd7 flex-col">
              <div class="outer2 flex-row">
                <img
                  class="label2"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng12196eb170a78d58e11763a7f5af6eb18910ecd99b9608fc6df27fd4bfefabe3"
                />
                <span class="word7">受益人信息</span>
                <img
                  class="img1"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng76987f211fb8b52aa7a631c8267a04eab7f7053736f067f42f86a40550bf5fcf"
                />
              </div>
            </div>
            <div class="bd8 flex-col">
              <div class="box8 flex-row">
                <span class="word8">受益人一</span>
                <span class="word9">李小国</span>
              </div>
            </div>
            <div class="bd9 flex-col">
              <div class="group4 flex-row">
                <span class="word10">身份证</span>
                <span class="txt5">123***&nbsp;********&nbsp;1234</span>
              </div>
            </div>
            <div class="bd10 flex-col">
              <div class="layer5 flex-row">
                <span class="word11">证件长期有效</span>
                <span class="info3">是</span>
              </div>
            </div>
            <div class="bd11 flex-col">
              <div class="section4 flex-row">
                <span class="word12">职业类别</span>
                <span class="txt6">机关单位</span>
              </div>
            </div>
            <div class="bd12 flex-col">
              <div class="box9 flex-row">
                <span class="info4">电子邮箱</span>
                <span class="info5">432******&#64;163.com</span>
              </div>
            </div>
            <div class="bd13 flex-col">
              <div class="wrap3 flex-row">
                <span class="txt7">联系地址</span>
                <span class="word13">
                  上海市浦东新区金海路1000号金领之都25号楼国华人寿5楼
                </span>
              </div>
            </div>
            <div class="bd14 flex-col">
              <div class="layer6 flex-row">
                <span class="txt8">受益份额</span>
                <span class="txt9">50%</span>
              </div>
            </div>
            <div class="bd15 flex-col"></div>
            <div class="bd16 flex-col">
              <div class="section5 flex-row">
                <span class="word14">受益人二</span>
                <span class="word15">李二国</span>
              </div>
            </div>
            <div class="bd17 flex-col">
              <div class="group5 flex-row">
                <span class="info6">身份证</span>
                <span class="word16">123***&nbsp;********&nbsp;1234</span>
              </div>
            </div>
            <div class="bd18 flex-col">
              <div class="outer3 flex-row">
                <span class="word17">证件长期有效</span>
                <span class="txt10">是</span>
              </div>
            </div>
            <div class="bd19 flex-col">
              <div class="mod1 flex-row">
                <span class="word18">职业类别</span>
                <span class="word19">机关单位</span>
              </div>
            </div>
            <div class="bd20 flex-col">
              <div class="box10 flex-row">
                <span class="info7">电子邮箱</span>
                <span class="word20">432******&#64;163.com</span>
              </div>
            </div>
            <div class="bd21 flex-col">
              <div class="section6 flex-row">
                <span class="txt11">联系地址</span>
                <span class="word21">
                  上海市浦东新区金海路1000号金领之都25号楼国华人寿5楼
                </span>
              </div>
            </div>
            <div class="bd22 flex-col">
              <div class="group6 flex-row">
                <span class="txt12">受益份额</span>
                <span class="info8">50%</span>
              </div>
            </div>
          </div>
          <div class="outer4 flex-col">
            <div class="layer7 flex-row">
              <span class="word22">年收入(元)</span>
              <span class="txt13">1,000,000</span>
            </div>
          </div>
          <div class="outer5 flex-col">
            <div class="main2 flex-row">
              <span class="word23">年收入(元)</span>
              <span class="txt14">1,000,000</span>
            </div>
          </div>
        </div>
        <span class="txt15">自动续期相关协议授权</span>
        <div class="bd23 flex-row">
          <img
            class="icon2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng34ad8ad88738366cb66f923c74de493cba4747cd550494f48679c6afa82d1010"
          />
          <span class="word24">华瑞云服保险将每期自动扣取保费</span>
        </div>
        <div class="bd24 flex-row">
          <img
            class="icon3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng34ad8ad88738366cb66f923c74de493cba4747cd550494f48679c6afa82d1010"
          />
          <span class="word25">扣款方式默认使用本次支付方式，可随时修改</span>
        </div>
        <div class="bd25 flex-row">
          <img
            class="icon4"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng34ad8ad88738366cb66f923c74de493cba4747cd550494f48679c6afa82d1010"
          />
          <span class="word26">可随时退保，退保后不再自动扣款</span>
        </div>
        <div class="bd26 flex-col">
          <div class="wrap4 flex-row">
            <span class="word27">开通前请仔细阅读</span>
            <span class="info9">《付款协议》</span>
          </div>
        </div>
        <div class="bd27 flex-col">
          <div class="box11 flex-col"><span class="word28">下一步</span></div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhutext0: '保险期间',
          lanhutext1: '2020.07.20-终身',
          lanhufontColor1: 'rgba(22,38,65,1)'
        },
        {
          lanhutext0: '交费期间',
          lanhutext1: '10年',
          lanhufontColor1: 'rgba(22,38,65,1)'
        },
        {
          lanhutext0: '保险金额',
          lanhutext1: '1,000,000元',
          lanhufontColor1: 'rgba(22,38,65,1)'
        },
        {
          lanhutext0: '期交保险费',
          lanhutext1: '562.20元',
          lanhufontColor1: 'rgba(238,65,65,1)'
        },
        {
          lanhutext0: '交费方式',
          lanhutext1: '年交',
          lanhufontColor1: 'rgba(22,38,65,1)'
        }
      ],
      loopData1: [
        { lanhuBg0: 'transparent', lanhutext0: '姓名', lanhutext1: '李小国' },
        {
          lanhuBg0:
            'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86) 100% no-repeat',
          lanhutext0: '身份证',
          lanhutext1: '123***&nbsp;********&nbsp;1234'
        },
        {
          lanhuBg0:
            'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86) 100% no-repeat',
          lanhutext0: '证件长期有效',
          lanhutext1: '是'
        },
        {
          lanhuBg0:
            'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86) 100% no-repeat',
          lanhutext0: '年收入(元)',
          lanhutext1: '1,000,000'
        },
        {
          lanhuBg0: 'transparent',
          lanhutext0: '职业类别',
          lanhutext1: '机关单位'
        },
        {
          lanhuBg0: 'transparent',
          lanhutext0: '电子邮箱',
          lanhutext1: '432******&#64;163.com'
        }
      ],
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang="less" scoped>
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 2900px;
  background-color: rgba(242, 242, 242, 1);
  overflow: hidden;
  .layer1 {
    z-index: 2;
    height: 2900px;
    background-color: rgba(247, 246, 248, 1);
    width: 750px;
    .layer2 {
      z-index: auto;
      width: 750px;
      height: 2900px;
      .bd1 {
        z-index: 207;
        height: 541px;
        background: url('../../assets/imgs/ddsConfirm3/bg.png')
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        width: 750px;
        justify-content: flex-end;
        padding-bottom: 30px;
        align-items: center;
        .bd2 {
          z-index: auto;
          width: 690px;
          height: 473px;
          .txt1 {
            z-index: 253;
            width: 690px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 38px;
            font-family: PingFangSC-Semibold;
            font-weight: 700;
            line-height: 53px;
            text-align: left;
          }
          .group1 {
            z-index: 210;
            height: 390px;
            background: url('../../assets/imgs/ddsConfirm3/bg2.png') 
              no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            margin-top: 30px;
            width: 690px;
            justify-content: flex-start;
            padding-top: 10px;
            .wrap1 {
              z-index: auto;
              width: 690px;
              height: 349px;
              .section1 {
                z-index: 251;
                height: 80px;
                align-self: center;
                width: 670px;
                justify-content: center;
                align-items: flex-start;
                padding-left: 20px;
                .txt2 {
                  z-index: 252;
                  // width: 136px;
                  display: block;
                  // overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 34px;
                  font-family: PingFangSC-Medium;
                  font-weight: 700;
                  line-height: 48px;
                  text-align: left;
                }
              }
              .section2 {
                z-index: auto;
                width: 690px;
                height: 269px;
                .box1-0 {
                  z-index: 223;
                  height: 54px;
                  // background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
                    // 100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                  width: 690px;
                  justify-content: center;
                  align-items: center;
                  .wrap2-0 {
                    z-index: auto;
                    width: 630px;
                    height: 38px;
                    justify-content: space-between;
                    .word1-0 {
                      z-index: 226;
                      // width: 130px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(114, 125, 139, 1);
                      font-size: 26px;
                      line-height: 38px;
                      text-align: left;
                    }
                    .word2-0 {
                      z-index: 228;
                      width: 414px;
                      display: block;
                      overflow-wrap: break-word;
                      font-size: 28px;
                      line-height: 38px;
                      text-align: right;
                    }
                  }
                }
              }
            }
          }
        }
      }
      .bd3 {
        z-index: 4;
        height: 533px;
//         background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfca64daa239a5d351060235197da2e1f69cee2d23434186d6db3251a3601457d)
//           100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
background-color: white;
        width: 750px;
        justify-content: flex-start;
        padding-top: 10px;
        .box2 {
          z-index: auto;
          width: 750px;
          height: 493px;
          .box3 {
            z-index: 6;
            height: 70px;
            width: 750px;
            justify-content: center;
            align-items: flex-start;
            padding-left: 40px;
            .group2 {
              z-index: auto;
              // width: 192px;
              height: 45px;
              // justify-content: space-between;
              align-items: center;
              .label1 {
                z-index: 8;
                width: 12px;
                height: 32px;
                // margin-top: 7px;
              }
              .word3 {
                z-index: 7;
                // width: 160px;
                margin-left: 20px;
                display: block;
                // overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 32px;
                font-family: PingFangSC-Semibold;
                font-weight: 700;
                line-height: 45px;
                text-align: left;
              }
            }
          }
          .box4 {
            z-index: auto;
            width: 750px;
            height: 322px;
            .layer3-0 {
              z-index: 50;
              height: 54px;
              width: 750px;
              justify-content: center;
              align-items: center;
              .group3-0 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .txt3-0 {
                  z-index: 52;
                  // width: 156px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .word4-0 {
                  z-index: 54;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
          }
          .box5 {
            z-index: 44;
            height: 100px;
            margin-top: 1px;
            width: 750px;
            justify-content: flex-start;
            padding-top: 7px;
            align-items: center;
            .main1 {
              z-index: auto;
              width: 690px;
              height: 80px;
              justify-content: space-between;
              .word5 {
                z-index: 46;
                width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
                margin-top: 1px;
              }
              .txt4 {
                z-index: 48;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 40px;
                text-align: right;
              }
            }
          }
        }
      }
      .bd4 {
        z-index: 56;
        height: 174px;
//         background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc78b3db6c140ac3f61b6ea11a6917e3c4888c88021658d54cb558583a31acfd3)
//           100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
background-color: white;
        margin-top: 20px;
        width: 750px;
        justify-content: flex-start;
        padding-top: 10px;
        .layer4 {
          z-index: auto;
          width: 750px;
          height: 134px;
          .box6 {
            z-index: 58;
            height: 70px;
            width: 750px;
            justify-content: center;
            align-items: flex-start;
            padding-left: 40px;
            .bd5 {
              z-index: auto;
              // width: 192px;
              height: 45px;
              // justify-content: space-between;
              align-items: center;
              .icon1 {
                z-index: 60;
                width: 12px;
                height: 32px;
                // margin-top: 7px;
              }
              .info1 {
                z-index: 59;
                // width: 160px;
                margin-left: 20px;
                display: block;
                // overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 32px;
                font-family: PingFangSC-Semibold;
                font-weight: 700;
                line-height: 45px;
                text-align: left;
              }
            }
          }
          .box7 {
            z-index: 63;
            height: 54px;
            margin-top: 10px;
            width: 750px;
            justify-content: center;
            align-items: center;
            .section3 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .info2 {
                z-index: 65;
                // width: 156px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .word6 {
                z-index: 67;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
        }
      }
      .bd6 {
        z-index: 69;
        height: 1120px;
//         background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga33dd5352f0c74a2e6c7784a5690d8b79d00bd7938903a9fb6214e26630e92b3)
//           100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
      background-color: white;
        margin-top: 20px;
        width: 750px;
        justify-content: flex-start;
        padding-top: 10px;
        position: relative;
        .outer1 {
          z-index: auto;
          width: 750px;
          height: 1089px;
          .bd7 {
            z-index: 71;
            height: 70px;
            width: 750px;
            justify-content: center;
            align-items: flex-end;
            padding-right: 36px;
            .outer2 {
              z-index: auto;
              width: 674px;
              height: 45px;
              align-items: center;
              .label2 {
                z-index: 73;
                width: 12px;
                height: 32px;
                // margin-top: 11px;
              }
              .word7 {
                z-index: 72;
                // width: 160px;
                display: block;
                // overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 32px;
                font-family: PingFangSC-Semibold;
                font-weight: 700;
                line-height: 45px;
                text-align: left;
                margin: 0 0 0 20px;
              }
              .img1 {
                z-index: 180;
                width: 220px;
                height: 54px;
                margin-left: 262px;
              }
            }
          }
          .bd8 {
            z-index: 169;
            height: 54px;
            margin-top: 10px;
            width: 750px;
            justify-content: center;
            align-items: center;
            .box8 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .word8 {
                z-index: 171;
                // width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .word9 {
                z-index: 173;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .bd9 {
            z-index: 76;
            height: 54px;
//             background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
//               100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
background-color: white;
            margin-top: 2px;
            width: 750px;
            justify-content: center;
            align-items: center;
            .group4 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .word10 {
                z-index: 79;
                // width: 78px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .txt5 {
                z-index: 81;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .bd10 {
            z-index: 90;
            height: 54px;
//             background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
//               100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
background-color: white;
            width: 750px;
            justify-content: center;
            align-items: center;
            .layer5 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .word11 {
                z-index: 93;
                // width: 156px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .info3 {
                z-index: 95;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .bd11 {
            z-index: 118;
            height: 54px;
            margin-top: 53px;
            width: 750px;
            justify-content: center;
            align-items: center;
            .section4 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .word12 {
                z-index: 120;
                // width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .txt6 {
                z-index: 122;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .bd12 {
            z-index: 130;
            height: 54px;
            width: 750px;
            justify-content: center;
            align-items: center;
            .box9 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .info4 {
                z-index: 132;
                // width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .info5 {
                z-index: 134;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .bd13 {
            z-index: 142;
            height: 100px;
            width: 750px;
            justify-content: flex-start;
            padding-top: 7px;
            align-items: center;
            .wrap3 {
              z-index: auto;
              width: 690px;
              height: 80px;
              justify-content: space-between;
              .txt7 {
                z-index: 144;
                // width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
                margin-top: 1px;
              }
              .word13 {
                z-index: 146;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 40px;
                text-align: right;
              }
            }
          }
          .bd14 {
            z-index: 154;
            height: 54px;
            margin-bottom: 28px;
//             background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
//               100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
background-color: white;
            width: 750px;
            justify-content: center;
            align-items: center;
            .layer6 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .txt8 {
                z-index: 158;
                // width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .txt9 {
                z-index: 160;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .bd15 {
            z-index: 156;
            // width: 684px;
            // height: 1px;
//             background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1808bd3281a2c3ce94f399e5a14f67c3c71b196ceaa768fb274da7971cf36557)
//               100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
            // background-color: white;
            width: 690px;
            border: 1px dashed #BEC2CC;
            align-self: center;
          }
          .bd16 {
            z-index: 175;
            height: 54px;
            margin-top: 30px;
            width: 750px;
            justify-content: center;
            align-items: center;
            .section5 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .word14 {
                z-index: 177;
                // width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .word15 {
                z-index: 179;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .bd17 {
            z-index: 83;
            height: 54px;
//             background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
//               100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
background-color: white;
            margin-top: 2px;
            width: 750px;
            justify-content: center;
            align-items: center;
            .group5 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .info6 {
                z-index: 86;
                // width: 78px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .word16 {
                z-index: 88;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .bd18 {
            z-index: 97;
            height: 54px;
//             background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
//               100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
background-color: white;
            width: 750px;
            justify-content: center;
            align-items: center;
            .outer3 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .word17 {
                z-index: 100;
                // width: 156px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .txt10 {
                z-index: 102;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .bd19 {
            z-index: 124;
            height: 54px;
            margin-top: 53px;
            width: 750px;
            justify-content: center;
            align-items: center;
            .mod1 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .word18 {
                z-index: 126;
                // width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .word19 {
                z-index: 128;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .bd20 {
            z-index: 136;
            height: 54px;
            width: 750px;
            justify-content: center;
            align-items: center;
            .box10 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .info7 {
                z-index: 138;
                // width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .word20 {
                z-index: 140;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .bd21 {
            z-index: 148;
            height: 100px;
            width: 750px;
            justify-content: flex-start;
            padding-top: 7px;
            align-items: center;
            .section6 {
              z-index: auto;
              width: 690px;
              height: 80px;
              justify-content: space-between;
              .txt11 {
                z-index: 150;
                // width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
                margin-top: 1px;
              }
              .word21 {
                z-index: 152;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 40px;
                text-align: right;
              }
            }
          }
          .bd22 {
            z-index: 162;
            height: 54px;
//             background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
//               100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
background-color: white;
            width: 750px;
            justify-content: center;
            align-items: center;
            .group6 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .txt12 {
                z-index: 165;
                // width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .info8 {
                z-index: 167;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
        }
        .outer4 {
          z-index: 104;
          height: 54px;
//           background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
//             100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
background-color: white;
          width: 750px;
          justify-content: center;
          align-items: center;
          position: absolute;
          left: 0;
          top: 253px;
          .layer7 {
            z-index: auto;
            width: 690px;
            height: 38px;
            justify-content: space-between;
            .word22 {
              z-index: 107;
              width: 122px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 26px;
              line-height: 38px;
              text-align: left;
            }
            .txt13 {
              z-index: 109;
              width: 492px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(38, 46, 63, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: right;
            }
          }
        }
        .outer5 {
          z-index: 111;
          height: 54px;
//           background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
//             100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
background-color: white;
          width: 750px;
          justify-content: center;
          align-items: center;
          position: absolute;
          left: 0;
          top: 783px;
          .main2 {
            z-index: auto;
            width: 690px;
            height: 38px;
            justify-content: space-between;
            .word23 {
              z-index: 114;
              width: 122px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 26px;
              line-height: 38px;
              text-align: left;
            }
            .txt14 {
              z-index: 116;
              width: 492px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(38, 46, 63, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: right;
            }
          }
        }
      }
      .txt15 {
        z-index: 183;
        // width: 670px;
        margin-left: 40px;
        display: block;
        // overflow-wrap: break-word;
        color: rgba(22, 38, 65, 1);
        font-size: 30px;
        line-height: 42px;
        text-align: left;
        // align-self: center;
        margin-top: 40px;
      }
      .bd23 {
        z-index: auto;
        width: 670px;
        height: 40px;
        justify-content: space-between;
        margin: 21px 0 0 40px;
        .icon2 {
          z-index: 190;
          width: 30px;
          height: 30px;
          margin-top: 5px;
        }
        .word24 {
          z-index: 189;
          width: 630px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 40px;
          text-align: left;
        }
      }
      .bd24 {
        z-index: auto;
        width: 670px;
        height: 40px;
        justify-content: space-between;
        margin: 16px 0 0 40px;
        .icon3 {
          z-index: 196;
          width: 30px;
          height: 30px;
          margin-top: 6px;
        }
        .word25 {
          z-index: 195;
          width: 630px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 40px;
          text-align: left;
        }
      }
      .bd25 {
        z-index: auto;
        width: 670px;
        height: 40px;
        justify-content: space-between;
        margin: 16px 0 0 40px;
        .icon4 {
          z-index: 202;
          width: 30px;
          height: 30px;
          margin-top: 6px;
        }
        .word26 {
          z-index: 201;
          width: 630px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 40px;
          text-align: left;
        }
      }
      .bd26 {
        z-index: 185;
        height: 40px;
        margin-top: 20px;
        width: 750px;
        justify-content: center;
        align-items: flex-start;
        padding-left: 40px;
        .wrap4 {
          z-index: auto;
          // width: 364px;
          height: 37px;
          justify-content: space-between;
          .word27 {
            z-index: 186;
            // width: 208px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 26px;
            line-height: 37px;
            text-align: left;
          }
          .info9 {
            z-index: 187;
            // width: 156px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(238, 65, 65, 1);
            font-size: 26px;
            line-height: 37px;
            text-align: left;
          }
        }
      }
      .bd27 {
        z-index: 256;
        height: 138px;
//         background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge2ca783b1bd8f3e9e8c22310c90f69ce800fcf352c013986ff3c0101256f9d30)
//           100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
background-color: white;
        margin-top: 39px;
        width: 750px;
        justify-content: center;
        align-items: center;
        .box11 {
          z-index: 260;
          height: 100px;
          border-radius: 10px;
          background-color: rgba(238, 65, 65, 1);
          width: 670px;
          justify-content: center;
          .word28 {
            z-index: 261;
            width: 670px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 32px;
            font-family: PingFangSC-Semibold;
            line-height: 44px;
            text-align: center;
          }
        }
      }
    }
  }
}

</style>
